<!DOCTYPE html>
<html lang="en" class="normalFont">

  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Elements: The Periodic Table is a Progressive Web App (PWA) and provides useful information about the chemical elements. Know more about the properties, history, name origin, images, applications, hazards and electron shell diagram of each element.">    <meta name="keywords" content="Periodic Table, chemical, elements, interactive, PWA, properties, history, name origin, images, applications, hazards, electron shell, diagram, chemistry, electron configuration, isotopes, information">
    <meta name="keywords" content="Periodic Table, chemical, elements, interactive, PWA, properties, history, name origin, images, applications, hazards, electron shell, diagram, chemistry, electron configuration, isotopes, information">
    <meta name="author" content="Naveen CS">
    <link rel="apple-touch-icon" sizes="180x180" href="/images/icons/apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
    <link rel="manifest" href="manifest.json">
    <link rel="mask-icon" href="safari-pinned-tab.svg" color="#0078d7">
    <link rel="canonical" href="https://periodic-table.io/about.html">
    <meta name="msapplication-TileColor" content="#0078d7">
    <meta name="msapplication-TileImage" content="/images/icons/mstile-144x144.png" />
    <meta name="msapplication-square70x70logo" content="/images/icons/mstile-70x70.png" />
    <meta name="msapplication-square150x150logo" content="/images/icons/mstile-150x150.png" />
    <meta name="msapplication-wide310x150logo" content="/images/icons/mstile-310x150.png" />
    <meta name="msapplication-square310x310logo" content="/images/icons/mstile-310x310.png" />
    <meta name="theme-color" content="#0078d7">
    <meta name="google" content="notranslate">
    <meta name="robots" content="index,follow">
  	<meta name="format-detection" content="telephone=no">
  	<meta name="mobile-web-app-capable" content="yes">
  	<meta name="apple-mobile-web-app-capable" content="yes">
    <meta property="og:site_name" content="Periodic-Table.io">
    <meta property="og:title" content="Elements: The Periodic Table">
    <meta property="og:description" content="Elements: The Periodic Table is a Progressive Web App (PWA) and provides comprehensive and useful information about the chemical elements all in one place. Know more about the properties, history, name origin, images, applications, hazards and electron shell diagram of each element.">
    <meta property="og:image" content="https://periodic-table.io/images/icons/android-chrome-256x256.png" />
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://periodic-table.io/about.html">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@periodictableio">

    <title id="homeTitle">Elements: The Periodic Table</title>
    <link rel="stylesheet" href="style.min.css" />
    <script defer src="svelte-bundle.js"></script>

    <script>
      if ("serviceWorker" in navigator) {
        window.addEventListener("load", function() {
          navigator.serviceWorker.register("/sw.js").then(function(o) {
            console.log("Workbox SW registered: ", o)
          }).catch(function(o) {
            console.log("Workbox SW registration failed: ", o)
          })
        })
      }

    </script>
  </head>

  <body id="body">
    <script>
      document.body.className += ' fade-out';
    </script>
    <!-- Fixed navbar -->
    <div id="topNavbar" class="navbar navbar-default navbar-fixed-top heavyFont" role="navigation"> 
    </div>
    <div class="content-wrapper">
      <div class="container">
        <div id="about" class="row text-upper aboutHeader text-center heavyFont">
        </div>
        <div>
          <span id="line1"></span>
          <span id="line2"></span>
          <ul id="features">
            <li id="feature1"></li>
            <li id="feature2"></li>
            <li id="feature3"></li>
            <li id="feature4"></li>
            <li id="feature5"></li>
            <li id="feature6"></li>
            <li id="feature7"></li>
            <li id="feature9"></li>
          </ul>
          <span id="contact" class="heavyFont"></span>: <a class="underlineLink" href="mailto:naveen@periodic-table.io?subject=Periodic-Table.io">naveen@periodic-table.io</a>
          <br/>
          <span class="heavyFont">Github</span>: <a class="underlineLink" href="https://github.com/catchspider2002/periodic-table.io">https://github.com/catchspider2002/periodic-table.io</a>
        </div>
        <div id="versionHist" class="row text-upper aboutHeader text-center heavyFont">
        </div>
        <div>
          <ul id="logs">
            <li class="font-weight-600 versionHeader margin-top-30">August 8, 2020</li>
            <li>Added a new printable in <a class="underlineLink" href="printables.html"><span>Printables</span></a> page</li>
            <li>Added CAS Number and PubChem CID Number</li>
            <li>Fixed electron configuration rendering issues in Edge and Chrome</li>
            <li>Updated Arabic, Persian, Hindi, Italian, Indonesian, Vietnamese, German, Greek, Polish, Dutch, Chinese (Simplified) and Chinese (Traditional) translations</li>
            <li class="font-weight-600 versionHeader margin-top-30">July 19, 2020</li>
            <li>Added a new printable in <a class="underlineLink" href="printables.html"><span>Printables</span></a> page</li>
            <li>Updated Polish translation</li>
            <li class="font-weight-600 versionHeader margin-top-30">July 12, 2020</li>
            <li>Added mass number, number of protons, electrons and neutrons</span></a> where you can check the status of each language and contribute translations</li>
            <li>The line height for the Elements page is increased and the text is easily readable</li>
            <li>Updated Croatian translation</li>
            <li class="font-weight-600 versionHeader margin-top-30">July 3, 2020</li>
            <li>Added a new page - <a class="underlineLink" href="translation.html"><span>Translation</span></a> where you can check the status of each language and contribute translations</li>
            <li>Added an option in Settings to change the style of the periodic table from 3 options</li>
            <li>Replaced the dropdown for temperature in Settings with a radio select</li>
            <li>Updated the navbar header from a gradient to solid color which now matches with the window color when opened as PWA</li>
            <li>Updated Chinese Simplified, Croatian and Korean translations</li>
            <li class="font-weight-600 versionHeader margin-top-30">June 2020</li>
            <li>Modified the style of the element page to use more shadows and less color</li>
            <li>Modified the colors of the Settings popup for both light and dark themes</li>
            <li>Added Instagram page link to the footer</li>
            <li>Added a new printable in <a class="underlineLink" href="printables.html"><span>Printables</span></a> page</li>
            <li>Added <a class="underlineLink" target="_blank" href="https://feedback.periodic-table.io/" rel="noopener noreferrer"><span>Suggestions</span></a> where new suggestions or feature requests can be provided</li>
            <li>Fonts for Thai and Hebrew are updated</li>
            <li>Reduced extra spacing on top and bottom sides of the electronic configuration</li>
            <li>Updated Chinese Simplified, Croatian, Portuguese and Danish translations</li>
            <li class="font-weight-600 versionHeader margin-top-30">May 2020</li>
            <li>Updated Polish, Russian, Vietnamese, Slovenian, Chinese Simplified translations</li>
            <li>Added a new page - <a class="underlineLink" href="printables.html"><span>Printables</span></a> which provides a printable version of the periodic table which will be updated regularly</li>
            <li>Added a new page - <a class="underlineLink" href="credits.html"><span>Credits</span></a> for translations which was earlier appearing in About page</li>
            <li>Added icons to the navigation bar at the top</li>
            <li>Added footer component on all pages which includes quick links not available in the top navigation bar</li>
            <li>Updated link colors to match the theme color</li>
            <li>Reduced the number of colors in Settings from 25 to 10 which matches with the periodic table colors</li>
            <li>Fixed the layout bug where the 2nd and 3rd row were appearing with a huge space on iOS devices</li>
            <li>Fixed scrollbar styles for all browsers</li>
            <li>Added an open-source license on Github</li>
            <li>Removed theme switching to enable light or dark mode from Settings and a dedicated button is available in the top navigation bar</li>
            <li>Replaced the existing static image of electronic configuration with an animated version</li>
            <li>Please contact me at naveen@periodic-table.io if you have any suggestions or issues with the website</li>
            <li class="font-weight-600 versionHeader margin-top-30">Feb 2020</li>
            <li>Modified colors at the navigation bar for better accessibility</li>
            <li>Updated Persian, Croatian, Hungarian, Polish, Greek, Hebrew, Portuguese, German, Spanish, Chinese (Traditional), Russian, Thai, French, Italian, Chinese (Simplified) and Turkish translations</li>
            <li class="font-weight-600 versionHeader margin-top-30">May 2019</li>
            <li>Added Store page for t-shirts and other merchandise</li>
            <li>Added English (UK) translation</li>
            <li>Updated Chinese (Simplified), Portuguese, Spanish, Indonesian, Vietnamese and Chinese (Traditional) translations</li>
            <li class="font-weight-600 versionHeader margin-top-30">Apr 2019</li>
            <li>Updated Arabic, Italian and Croatian translations</li>
            <li class="font-weight-600 versionHeader margin-top-30">Dec 2018</li>
            <li>Added Slovenian, Norwegian (Nynorsk) and Croatian translations</li>
            <li>Updated Danish, Japanese and Italian translations</li>
            <li class="font-weight-600 versionHeader margin-top-30">Nov 2018</li>
            <li>Added Danish, Greek, Thai and Hebrew translations</li>
            <li>Updated Arabic, Chinese (Traditional), Chinese (Simplified), Portuguese, Catalan, German and Japanese translations</li>
            <li class="font-weight-600 versionHeader margin-top-30">Jun 2018</li>
            <li>Updated Russian, French and Arabic translations</li>
            <li class="font-weight-600 versionHeader margin-top-30">May 2018</li>
            <li>Updated Persian, Czech, Italian, Dutch, Catalan, Vietnamese, Hungarian, Indonesian and Japanese translations</li>
            <li class="font-weight-600 versionHeader margin-top-30">Apr 2018</li>
            <li>Updated Dutch and Korean translations</li>
            <li class="font-weight-600 versionHeader margin-top-30">Mar 2018</li>
            <li>  Released the first version of the website with Progressive Web App (PWA) features</li>
            <li>  Updated the colors of the periodic table</li>
            <li>  Added options for wide and large tiles when website is pinned to Start on Windows 10</li>
            <li>  Added Hindi, Chinese (Traditional), Arabic, Polish and Swedish translations</li>
            <li>  Updated Japanese and Dutch translations</li>
          </ul>
        </div>
        <div id="suppLang" class="row text-upper aboutHeader text-center heavyFont">
        </div>
        <div>
          <div id="langList" class="pb-8"></div>
        </div>
    </div>
    <div id="footer"></div>
    <!-- Modal -->
    <div class="modal fade" id="settingsModal" tabindex="-1" role="dialog" aria-labelledby="modalSettings" aria-hidden="true">
    </div>

    <!-- CSS and JavaScript placed at the end of the document so the pages load faster
    ========================================================================================== -->
    <script>
      loadjs=function(){function e(e,n){var t,r,i,c=[],o=(e=e.push?e:[e]).length,f=o;for(t=function(e,t){t.length&&c.push(e),--f||n(c)};o--;)r=e[o],(i=s[r])?t(r,i):(u[r]=u[r]||[]).push(t)}function n(e,n){if(e){var t=u[e];if(s[e]=n,t)for(;t.length;)t[0](e,n),t.splice(0,1)}}function t(e,n,r,i){var o,s,u=document,f=r.async,a=(r.numRetries||0)+1,h=r.before||c;i=i||0,/(^css!|\.css$)/.test(e)?(o=!0,(s=u.createElement("link")).rel="stylesheet",s.href=e.replace(/^css!/,"")):((s=u.createElement("script")).src=e,s.async=void 0===f||f),s.onload=s.onerror=s.onbeforeload=function(c){var u=c.type[0];if(o&&"hideFocus"in s)try{s.sheet.cssText.length||(u="e")}catch(e){u="e"}if("e"==u&&(i+=1)<a)return t(e,n,r,i);n(e,u,c.defaultPrevented)},!1!==h(e,s)&&u.head.appendChild(s)}function r(e,n,r){var i,c,o=(e=e.push?e:[e]).length,s=o,u=[];for(i=function(e,t,r){if("e"==t&&u.push(e),"b"==t){if(!r)return;u.push(e)}--o||n(u)},c=0;c<s;c++)t(e[c],i,r)}function i(e,t,i){var s,u;if(t&&t.trim&&(s=t),u=(s?i:t)||{},s){if(s in o)throw"LoadJS";o[s]=!0}r(e,function(e){e.length?(u.error||c)(e):(u.success||c)(),n(s,e)},u)}var c=function(){},o={},s={},u={};return i.ready=function(n,t){return e(n,function(e){e.length?(t.error||c)(e):(t.success||c)()}),i},i.done=function(e){n(e,[])},i.reset=function(){o={},s={},u={}},i.isDefined=function(e){return e in o},i}();
      loadjs(["btstrp.list.iso.min.js"], {
        success: function() {
          setLangFile(derivedLang);
          loadjs(["constants.min.js", "locales/locale." + derivedLang + ".js"], {
            success: function() {
              aboutLoad();
            }
          });
        }
      });
    </script>
    <!-- Get the details from https://woo-metadata-tool.janpotoms.now.sh/ -->
    <script type="application/ld+json">{"@context":"http://schema.org","@type":"Organization","name":"Periodic-Table.io","url":"https://periodic-table.io","address":"","sameAs":["https://twitter.com/periodictableio"]}</script>
  </body>
</html>
